<template>
  <div>
    <NestedList :list="nestedData" />
  </div>
</template>

<script>
import NestedList from './NestedList.vue'

export default {
  name: 'page-day24',
  components: {
    NestedList
  },
  data() {
    return {
      nestedData: [
        {
          name: 'Item 1',
          children: [
            {
              name: 'Subitem 1',
              children: [
                {
                  name: 'Subsubitem 1'
                },
                {
                  name: 'Subsubitem 2'
                }
              ]
            },
            {
              name: 'Subitem 2'
            }
          ]
        },
        {
          name: 'Item 2'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped></style>
